<el-dialog
        title="帐户充值"
        :visible.sync="rechargeDialogVisible"
        width="30%"
        :before-close="handleClose">
    <el-form>
        <el-form-item label="哈哈">
            <el-input v-model="accoutForm.name"></el-input>
        </el-form-item>
        <el-form-item label="充值类型">
            <el-select v-model="accoutForm.region" placeholder="请选择活动区域">
                <el-option label="区域一" value="shanghai"></el-option>
                <el-option label="区域二" value="beijing"></el-option>
            </el-select>
        </el-form-item>
        <el-form-item label="帐户余额">
            <el-input-number style="width: 180px" v-model="accoutForm.balance" :precision="2" :step="100" :max="100000000"></el-input-number>
        </el-form-item>
        <el-form-item label="星级帐户">
            <el-rate
                    style="margin-top: 5px;"
                    v-model="accoutForm.level"
                    disabled
                    show-score
                    text-color="#ff9900"
                    score-template="{value}">
            </el-rate>
        </el-form-item>
    </el-form>
    <span slot="footer" class="dialog-footer">
    <el-button @click="rechargeDialogVisible = false">取 消</el-button>
    <el-button type="primary" @click="rechargeDialogVisible = false">确 定</el-button>
  </span>
</el-dialog>

<script>
    export default {
        name: "account_recharge",
        data() {
            return {
                accoutForm: {

                }
            }
        },
        props: {
            rechargeDialogVisible:{
                type: 'Boolean',
                default: false,
                required: true
            },
            accoutForm: {}
        },
        methods:{
            handleClose(){

            }
        }
    }
</script>